$(document).ready(function(){
	getPersonData();
	getLocalPersonData();
});

function getLocalPersonData(){
	Highcharts.chart('container', {
		chart: {
			plotBackgroundColor: null,
			plotBorderWidth: null,
			plotShadow: false,
			type: 'pie'
		},
		title: {
			text: '睡眠、醒着时间占比图'
		},
		tooltip: {
			pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
		},
		exporting:{
	    	enabled:false
	    },
	    credits:{
	    	enabled:false
	    },
		plotOptions: {
			pie: {
				allowPointSelect: true,
				cursor: 'pointer',
				dataLabels: {
					enabled: true,
					format: '<b>{point.name}</b>: {point.percentage:.1f} %',
					style: {
						color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
					}
				}
			}
		},
		series: [{
			name: '百分之',
			colorByPoint: true,
			data: [{
				name: '深睡眠',
				y: 30,
				sliced: true,
				selected: true
			}, {
				name: '浅睡眠',
				y: 20
			}, {
				name: '醒着',
				y: 10
			}]
		}]
	});
}

//获取人员压力数据
function getPersonData(){
	Highcharts.setOptions({ global: { useUTC: false } }); 

	$.ajax({
		type : "POST",
		url : "/bedcheck/getPersonData.do",
		data : "",
		success : function(msg) {
			getPersonDataHc(msg.data);
		}
	});
	
}

function getPersonDataHc(data){
	Highcharts.chart('container1', {
		chart: {
			zoomType: 'x'
		},
		title: {
			text: '睡眠采集线性图'
		},
	    exporting:{
	    	enabled:false
	    },
	    credits:{
	    	enabled:false
	    },
		xAxis : {
			 type: 'datetime',
	            dateTimeLabelFormats: { 
	            	millisecond: '%H:%M:%S.%L',
					second: '%H:%M:%S',
					minute: '%H:%M',
					hour: '%H:%M',
					day: '%m-%d',
					week: '%m-%d',
					month: '%Y-%m',
					year: '%Y'
	            }
		},
		tooltip: {
			dateTimeLabelFormats: {
				millisecond: '%H:%M:%S.%L',
				second: '%H:%M:%S',
				minute: '%H:%M',
				hour: '%H:%M',
				day: '%m-%d',
				week: '%m-%d',
				month: '%Y-%m',
				year: '%Y'
			}
		},
		yAxis: {
			allowDecimals: false,
			title: {
				text: '时间'
			}
		},
		legend: {
			enabled: false
		},
		plotOptions: {
			area: {
				fillColor: {
					linearGradient: {
						x1: 0,
						y1: 0,
						x2: 0,
						y2: 1
					},
					stops: [
						[0, Highcharts.getOptions().colors[0]],
						[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
					]
				},
				marker: {
					radius: 2
				},
				lineWidth: 1,
				states: {
					hover: {
						lineWidth: 1
					}
				},
				threshold: null
			}
		},
		series: [{
			type: 'area',
			name: '压力值',
			data: data
		}]
	});
//	Highcharts.chart('container', {
//		title: {
//	        text: '24小时压力值变化'
//	    },
//	    exporting:{
//	    	enabled:false
//	    },
//	    credits:{
//	    	enabled:false
//	    },
//		yAxis: {
//			title: {
//				text: '时间'
//			}
//		},
//		legend: {
//			layout: 'vertical',
//			align: 'right',
//			verticalAlign: 'middle'
//		},
//		plotOptions: {
//			series: {
//				label: {
//					connectorAllowed: false
//				},
//				pointStart: 2010
//			}
//		},
//		series: [{
//			name: '压力值',
//			data: elevationData[0]
//		}],
//		responsive: {
//			rules: [{
//				condition: {
//					maxWidth: 500
//				},
//				chartOptions: {
//					legend: {
//						layout: 'horizontal',
//						align: 'center',
//						verticalAlign: 'bottom'
//					}
//				}
//			}]
//		}
//	});
}
